//1、导入Vue 和 VueRouter 的包
import Vue from 'vue'
import VueRouter from 'vue-router'


//2、调用 Vue.use()函数，把VueRouter安装为Vue项目的插件
//在Vue里面装插件，调用 use()函数
Vue.use(VueRouter)


//3、创建路由的实例对象
const router = new VueRouter({
  routes: [  
    {
      path: '/manager', 
      component: () => import('../pages/manager.vue')//要展示的组件
    },
    {
      path: '/custom', //path指的是路由的hash地址，跳转的时候用这个路径跳转到对应组件，如果path只给了一个 /，则是首页默认展示
      component: () => import('../pages/custom_chat.vue')//要展示的组件
    },
    {
      path: '/', 
      component: () => import('../pages/main_chat.vue')//要展示的组件
    }, 
   
    // {
    //   path: '/2',
    //   component: () => import('../pages/chat_2.vue')
    // }
    // {path:'/movie',component:Movie},
    // {path:'/About',component:About}
  ]
})

//4、向外共享路由的实例对象
export default router